﻿<phone:PhoneApplicationPage 
    x:Class="Studio77.GuessTheWordsForWP7.StagePage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:myViews="clr-namespace:Studio77.GuessTheWordsForWP7.Views"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False">
    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="ButtonStyleReturn" TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Disabled"/>
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="image">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Image Source="Images/button_return.png" Stretch="Fill" Width="62" Height="61"/>
                            <Image x:Name="image" Source="Images/button_return_pressed.png" Stretch="Fill" Width="62" Height="61" Visibility="Collapsed"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Viewbox>

        <!--LayoutRoot 是包含所有页面内容的根网格-->
        <Grid x:Name="LayoutRoot" Background="Transparent" Height="800" Width="480">
            <Image Source="Images/gamebackground.jpg" Stretch="UniformToFill"/>
            <Grid x:Name="grid" Height="70" VerticalAlignment="Top" Margin="15,15,0,0" Width="254" HorizontalAlignment="Left">
                <Image HorizontalAlignment="Left" Source="Images/title_feng.png" Stretch="Fill" Width="68" Margin="0,1"/>
                <Image Source="Images/title_kuang.png" Stretch="Fill" Margin="62,0,123,1"/>
                <Image Source="Images/title_tian.png" Stretch="Fill" Margin="125,0,60,0"/>
                <Image Source="Images/title_zi.png" Stretch="Fill" Margin="0,1,0,0" HorizontalAlignment="Right" Width="69"/>

            </Grid>
            <Button x:Name="btnReturn" Content="Button" HorizontalAlignment="Right" Height="61" Margin="0,22,23,0" Style="{StaticResource ButtonStyleReturn}" VerticalAlignment="Top" Width="62"/>
            <ListBox x:Name="lstStages" Margin="36,108,15,35" ItemsSource="{Binding}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <myViews:StageItemView HorizontalAlignment="Center" Margin="0,5,0,5"/>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,4" TextWrapping="Wrap" Text="完成一个关卡送3次提示道具哦" VerticalAlignment="Bottom" Foreground="White"/>
            <Grid x:Name="gridMask">
            	<Border BorderBrush="Black">
            		<StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" Background="#FF1D1D1D">
            			<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="信息载入中..." VerticalAlignment="Center" FontSize="26.667" Foreground="White" Margin="0,10,0,0"/>
            			<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="Tip: 完成50%以上词条即可解锁下一个关卡" VerticalAlignment="Center" FontSize="24" Foreground="White" Margin="10,20,10,10"/>
            		</StackPanel>
            	</Border>
            </Grid>
        </Grid>

    </Viewbox>

    <!--演示 ApplicationBar 用法的示例代码-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="菜单项 1"/>
                <shell:ApplicationBarMenuItem Text="菜单项 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
